<template>
  <Header title="点名方式"></Header>
  <div class="content">
    <van-grid :column-num="2" >
      <van-grid-item @click="onClickEwm(tcID,index)" >
        <img style="width: 20vw; height: 20vw" src="/src/image/kq_ctdm.png" alt="">
        <p style="font-size: 4.5vw;padding-top: 5vw;color: #707072">传统点名</p>
      </van-grid-item>
      <van-grid-item @click="onClickKl(tcID,index)">
        <img style="width: 20vw; height: 20vw; padding-top: 2vw" src="/src/image/xskq_kl.png" alt="">
        <p style="font-size: 4.5vw;padding-top: 3vw;color: #707072">口令点名</p>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
import {useRoute, useRouter} from "vue-router/dist/vue-router";
export default {
  setup(){
    const router = useRouter();
    const route = useRoute();
    const tcID = route.query.tcID;
    const index = route.query.index
    console.log(tcID)
    const onClickEwm = (tcID,index) =>{
      router.push({ name: '传统点名', query: { tcID: tcID,index: index}})
    }

    const onClickKl = (tcID,index) =>{
      router.push({ name: '口令点名', query: { tcID: tcID,index: index}})
    }


    return{
      onClickEwm,
      onClickKl,
      tcID,
      index,
    }
  }
}

</script>

<style scoped lang="less">
//.content{
//  background: linear-gradient(to top, #f6f6f7, #2b94ee);
//}

</style>
